js.underas.controller.ProgressBar = new Class({
	"Extends":js.underas.core.Component
	,"_vl":0
	,"initialize":function(p_vl){
		this._vl = p_vl||0;
		this.parent('div','<div class="progress progress-striped active" style="height:20px;margin-bottom:4px"><div class="barra progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: '+this._vl+'%"><span class="sr-only">0% Completo</span></div></div>'); 
		this.getEle().addClass("ProgressBar col-xs-12 col-sm-12 form-group");//.setStyles({"width":"100%","height":"20px","float":"left"});
	}
	,"setProgress":function(p_vl){    	
		this._vl = p_vl;
		this.getEle().getElement("div.barra").setStyle("width",(p_vl)+"%");
		this.getEle().getElement("div.barra").set("aria-valuenow",p_vl);
	}	
	,"setValue":function(p_vl){
		this.setProgress(p_vl);
	}
	,"getValue":function(){    	
		return this._vl;
	}
	,"setBarColor":function(bgc){  
		this.getEle().getElement("div.barra").setStyle("background-color",bgc);  	
	}
	,"setToolTip":function(tooltip){  
		this.getEle().set("alt",tooltip);
	}
	,"setLabel":function(nlabel){
		this.setToolTip(nlabel);
	}
});
